<template>
    <div class="release">
      <main class="container">
          <div class="top">
             <div class="t_a">
                <h2 class="t_dt">动态</h2>
                <section class="t_pic">
                    
                </section>
             </div>
             <p class="center">
               如果你无法简洁的表达你的想法,那只说明你还不够了解它。如果你无法简洁的表达你的想法
             </p>
             <div class="pic1">
               图片
             </div>
          </div>
          <!-- 下方 -->
          <div class="bottom">
              <span class="name">
                  昵称:张三
              </span>
              <span>
                 时间:<em class="num">2018-8-21</em>
              </span>
              <span>
                 评论数:<em class="num">99+</em>
              </span>
              <span>
                 浏览数:<em class="num">99</em>
              </span>
               <span>
                 点赞数:<em class="num">99</em>
              </span>
          </div>
        </main>
        <!-- 内容 -->
        <main class="container">
          <div class="top">
             <div class="t_a">
                <h2 class="t_dt">动态</h2>
                <section class="t_pic">
                    
                </section>
             </div>
             <p class="center">
               如果你无法简洁的表达你的想法,那只说明你还不够了解它。如果你无法简洁的表达你的想法
             </p>
             <div class="pic1">
               图片
             </div>
          </div>
          <!-- 下方 -->
          <div class="bottom">
              <span class="name">
                  昵称:张三
              </span>
              <span>
                 时间:<em class="num">2018-8-21</em>
              </span>
              <span>
                 评论数:<em class="num">99+</em>
              </span>
              <span>
                 浏览数:<em class="num">99</em>
              </span>
               <span>
                 点赞数:<em class="num">99</em>
              </span>
          </div>
        </main>
    </div>
</template>
<script>
export default {
  data() {
   return {

   }
  }
};
</script>
<style lang="scss" scoped>
  .release{
    .container{
      margin-top:10px;
      padding-top:30px;
      border-bottom: 1px solid #adadad;
      border-top: 1px solid #adadad;
      padding-bottom:30px;
      .top{
        display:flex;
        .center{
          font-size:21px;
          width: 430px;
          padding-left:30px;
          line-height: 30px;
        }
        .t_a{
          width: 80px;
          font-size:22px;
          text-align: center;
          margin-left: 60px;
          .t_pic{
            border-radius: 50%;
            border:1px solid #adadad;
            width: 70px;
            height: 70px;
            margin:0 auto;
          }
          .t_dt{
            padding-bottom:14px;
          }
          
        }
        .pic1{
          width: 186px;
          height: 130px;
          margin-left:50px;
          line-height: 130px;
          border:1px solid #adadad;
          text-align: center;
        }
      }
      .bottom{
        font-size:18px;
        margin-top: 16px;
        margin-left:60px;
        span{
          padding-left:10px;
          .num{
            color:#fed226;
          }
        }
        
      }
    }
  }
</style>

